
import { defineComponent, ref } from "vue";
import Style from './1080.module.scss';
export default defineComponent({
    setup(props, { attrs }) {

        const id1 = ref(-1)
        const dateArr = ref([
            {
                day: "今日",
                month: "1-6",
            },

            {
                day: "周二",
                month: "1-7",
            },
            {
                day: "周三",
                month: "1-7",
            },
            {
                day: "周四",
                month: "1-7",
            },
            {
                day: "周五",
                month: "1-7",
            },
            {
                day: "周六",
                month: "1-7",
            },
            {
                day: "周日",
                month: "1-7",
            },


        ])
        return () => <div class={Style.top} {...attrs}>
            <div class={Style.top_item}>
                {
                    dateArr.value.map((e, index) => {
                        return <div  id={`act${index}`} class={[Style.tag, Style.fontStyle,, id1.value == index ? Style.tag_active : ""]}
                        onClick={
                            ()=>{
                                id1.value = index
                            }
                        }
                        >
                            <div>{e.day}</div>
                            <div>{e.month}</div>
                        </div>
                    })
                }
            </div>

        </div>
    }
})
